<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>设置不同元素的背景颜色</title>
    <style>
        h1 {
            background-color: #6495ed;
        }

        p {
            background-color: #e0ffff;
        }

        div {
            background-color: #b0c4de;
        }
    </style>
</head>

<body>

    <h1>CSS background-color 实例!</h1>
    <div>
        该文本插入在 div 元素中。
        <p>该段落有自己的背景颜色。</p>
        我们仍然在同一个 div 中。
    </div>

</body>

</html>